﻿<!DOCTYPE HTML>
<html lang="en-US">
<head>
	<meta charset="UTF-8">
	<title>图像放大镜</title>
	<link rel="stylesheet" href="css/viewer.css" />
	<script type="text/javascript" src="js/jquery.js"></script>
	<script type="text/javascript" src="js/viewer.js"></script>
</head>
<body>
	<div class="page">
		<div class="viewer">
			<div class="viCnt">
				<img src="images/viewer_1.jpg" />
				<span>载入中……</span>
				<div class="viCntClip"></div>
			</div>
			<div class="viBtn">
				<div class="viBList">
					<a href="javascript:void(0)"><img dataSrc="images/viewer_1.jpg" src="images/viewer_1_80.jpg" /></a>
					<a href="javascript:void(0)"><img dataSrc="images/viewer_2.jpg" src="images/viewer_2_80.jpg" /></a>
					<a href="javascript:void(0)"><img dataSrc="images/viewer_3.jpg" src="images/viewer_3_80.jpg" /></a>
					<a href="javascript:void(0)"><img dataSrc="images/viewer_4.jpg" src="images/viewer_4_80.jpg" /></a>
					<a href="javascript:void(0)"><img dataSrc="images/viewer_5.jpg" src="images/viewer_5_80.jpg" /></a>
				</div>
			</div>
			<div class="viZoom">
				<img src="images/viewer_1.jpg" />
			</div>
		</div>
		<div class="proInfo">
			<h1>卖家推荐最新精品</h1>
			<p><strong>产品</strong>：商品放大镜效果</p>
			<p><strong>标价</strong>：0元</p>
			<p><strong>出产日期</strong>：2013年4月14日</p>
			<p><strong>保质期</strong>：常温干燥环境下可保存至明天</p>
			<p><strong>制造商</strong>：小剧客栈（剧中人）</p>
			<p><strong>公司网站</strong>：<a target="_blank" href="http://bh-lay.com">http://bh-lay.com</a></p>
			<p>　　另注：demo未经过严格测试，如您用于工作项目之中，bug请自行解决，当然，也欢迎你将bug返回给<a href="http://bh-lay.com">剧中人</a></p>
		</div>
	</div>
	
</body>
</html>